﻿/*

            This file is part of the mojomo modular front end design framework for mojoPortal CMS; 
            find more at mojomo.co.uk or mojomo.codeplex.com	

Name:       navigation.css

Author:     freshangle.co.uk

Version:    1.0

Purpose:    This css file is intended to hold your site specific navigation and link styles. 
            Admin pages links are also styled here
    

*/	 




/*   simple anchors.... */

		/* Say no to negative hovers: csswizardry.com/2011/05/on-negative-hovers/
		A negative hover is one whose appearance is subtracted from on hover rather than added to.*/
 
		a{text-decoration:none;}
		a:hover{text-decoration:underline;}
		a:focus{/*outline:thin dotted;*/outline:none;}
		a:hover,a:active{outline:none;}			
			
		/*a:active,
		a:focus{
		position:relative;
		top:1px;
		}		
		a:visited{
		opacity:0.8; 
		}*/
		
		/* invert the colour of links on :focus and :active to improve visibility for keyboard only visitors... */

		a {color:#666;}
		a:focus, a:active {color: red;}
        
        
		
/*  'selection' isnt technically navigation, but similar rules apply. 
    And keep the declarations separate or they break...*/

       *::selection { background: #DEDEDE  none repeat scroll 0 0; color: #ff6a00  ; }       
       *::-moz-selection { background: #DEDEDE  none repeat scroll 0 0; color: #ff6a00  ; }
       *::-webkit-selection { background: #DEDEDE  none repeat scroll 0 0; color: #ff6a00  ; }
       
       
		
/*   general nav.... */

		/*flatten...*/
		#nav ul{list-style:none;margin:0;padding:0;}
		
		/*remove the .NET treeview sub levels...*/
		#nav li ul{display:none!important;}
		
		/*set extra padding on the li so that it's not visible when the link is focussed...*/
		#nav li {padding-right: 0.75em } 
		
		/*set li's as blocks...*/		
		#nav li{display:inline-block;}		
		.ie6 #nav li,.ie7 #nav li{zoom:1;display:inline;}
		
		

/*   topbar links.... */

		#users{float:right;}
		#tools{float:left;}
		#users ul li,#tools ul li{display:inline;}
		#topbar ul{list-style:none;margin:0;padding:.75em 0;}
		

/*   specific nav.... */

		#primarynav li a{text-decoration:none;background-color:inherit;color:#666;}
		#secondarynav li a{text-decoration:none;background-color:inherit;}

		#primarynav li a:hover,#secondarynav li a:hover{color:red;}
		

/*   breadcrumbs.... */

		.breadcrumbs	{ padding: 0.75em }
		.unselectedcrumb{font-weight:400;}
		.selectedcrumb{font-weight:700;}
		a.selectedcrumb:link{text-decoration:none;}
		a.selectedcrumb:visited{text-decoration:none;}
		a.selectedcrumb:active{text-decoration:none;}
		a.selectedcrumb:hover{text-decoration:underline;}
		a.unselectedcrumb:link{text-decoration:none;}
		a.unselectedcrumb:visited{text-decoration:none;}
		a.unselectedcrumb:active{text-decoration:none;}
		a.unselectedcrumb:hover{text-decoration:underline;}
		
		
/*   body links.... */

		.readmore:after{
		/* Too many people use &raquo; in their markup to signify progression/movement, that ain’t cool. 
			Let’s insert that using content:""; */
		content:" »";
		}

        
/*mojo admin pages*/
        
         .simplelist  a:hover { text-decoration:none; color: red; }    